<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <h2>Escolha o modelo da pergunta ?</h2>
            <h:form id="form" acceptcharset="utf-8">
                <p:growl id="msg" life="5000"/>
                <p:panel styleClass="container_24 clearfix " style="background: none; border: none;">
                        <table class="grid_23" style="border-width: 1px;"  >
                            <tbody>
                                <tr style="font-weight: bold; color: #000000; font-size: 16px; 
                                    text-align: center; font-family: sans-serif">
                                    <td>
                                        <p class="subtitle">Única Escolha</p>
                                    </td>
                                    <td>
                                        <p class="subtitle">Múltipla Escolha</p>
                                    </td>
                                    <td>
                                        <p class="subtitle">Descritiva</p>
                                    </td>

                                </tr>
                                <tr >
                                    <br/>
                                    <td style="text-align: center; color: #000000 ; font-size: 13px; font-family: sans-serif; width:400px;" >
                                        <br/>
                                        <h:outputLabel value="1 - Pergunta ?" style="font-size: 12px;" />  
                                        <center>
                                            <br/>
                                            <p:selectOneRadio id="choiceOne" style="font-size: 12px; font-family: sans-serif" value="">  
                                                <f:selectItem itemLabel="Option 1" itemValue="1" />  
                                                <f:selectItem itemLabel="Option 2" itemValue="2" />  
                                                <f:selectItem itemLabel="Option 3" itemValue="3" />  
                                            </p:selectOneRadio>
                                            <br/>
                                            <br/>
                                            <center>
                                                <p:commandButton value="Selecionar" icon="ui-icon-check"
                                                                 actionListener="#{managerEditCategory.newTypeChoceO('createQuestion.xhtml')}"
                                                                 update="@form" process="@this"/>  
                                            </center>
                                        </center>
                                    </td>
                                    <td style="text-align: center; color: #000000; font-size: 13px; font-family: sans-serif; width:400px;" >
                                        <br/>
                                        <h:outputLabel value="1 - Pergunta ?" style="font-size: 12px;" />  
                                        <center>
                                            <br/>
                                            <p:selectManyCheckbox  style="font-size: 12px; font-family: sans-serif" >
                                                <f:selectItem itemLabel="Option 1" itemValue="1" /> 
                                                <f:selectItem itemLabel="Option 2" itemValue="2" /> 
                                                <f:selectItem itemLabel="Option 3" itemValue="3" /> 
                                            </p:selectManyCheckbox>
                                            <br/>
                                            <center>
                                                <p:commandButton value="Selecionar"
                                                                 actionListener="#{managerEditCategory.newTypeChoiceM('createQuestionM.xhtml')}" 
                                                                 update="@form" process="@this" />  
                                            </center>
                                        </center>
                                    </td>
                                    <td style="text-align: center; color: #000000; font-size: 13px; font-family: sans-serif; width:400px;" >

                                        <br/>
                                        <h:outputLabel value="1 - Pergunta ?" style="font-size: 12px;" />  
                                        <center>
                                            <br/>
                                            <p:outputLabel value=""/>
                                            <p:outputLabel value=""/>
                                            <p:outputLabel value=""/>
                                            <p:outputLabel value=""/>
                                            <p:inputText size="30" style="height: 12px;"/>

                                        </center>
                                        <br/>
                                        <center>
                                            <p:commandButton value="Selecionar" icon="ui-icon-check"
                                                             actionListener="#{managerEditCategory.newTypeOpen('createQuestionOpen.xhtml')}" update="@form" process="@this" />  
                                        </center>
                                    </td>

                                </tr>
                            </tbody>               
                        </table>   
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>


